<template>
  <div id="app">
    <!-- <transition mode="in-out">
      <router-view v-wechat-title="$route.meta.title" keep-alive></router-view>
    </transition> -->
    <keep-alive>
        <router-view v-if="$route.meta.keepAlive" v-wechat-title="$route.meta.title"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive" v-wechat-title="$route.meta.title"></router-view>
  </div>
</template>

<script>
import Vue from "vue";
require("../wechat/static/util/fix-screen.js");
export default {
  name: "app",
  data() {
    return {
    };
  },
  watch: {
  },
  mounted() {
    this.getSys();
  },
  methods: {
    getSys() {
      var u = navigator.userAgent;
      Vue.prototype.$isiphone = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    },
  }
};
</script>

<style lang="less">
@import "~vux/src/styles/reset.less";
@import "styles/common.less";
@media screen and (min-width: 640px) {
  html {
    font-size: 18px;
  }
}
.tips-text{
  color: #999999;
  font-size: 12px;
  text-align: center;
  a{
    color: #999999;
  }
}
.top-icon{
    position: fixed;
    right: 10px;
    bottom: 100px;
    img{
      width:49px;
      height:49px;
      background:rgba(0,0,0,1);
      box-shadow:0px 6px 14px 2px rgba(104,104,104,0.1);
      opacity:0.54;
      border-radius:50%;
    }
  }
body,
html,
#app {
  height: 100%;
  font-family: PingFang-SC-Regular;
  font-size: 12px;
  -webkit-overflow-scrolling: touch;
  background: #f5f6fa;
  // margin-bottom: 40px;
  &::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
}
.isiphone {
  padding-bottom: 120px !important;
}
.zore{
  padding-bottom: 0px !important;
}
.weui-icon_toast.weui-loading {
  // display: block !important;
  // margin: 30px auto 0 !important;
}
img {
  height: auto;
  -webkit-user-select: none;
  user-select: none;
}

.read {
  div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
  }
}

.over-hidden {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vux-icon-dot.active {
  // background: #038fff !important;
}

.weui-cells.vux-search_show {
  min-height: 100%;
}

.weui-dialog__hd {
  /*padding: 0rem!important;*/
}

.weui-dialog {
  /*top: 45%!important;*/
}

.common_p {
  font-size: 0.18rem;
  transform: scale(0.9);
  font-weight: 400;
}

input,
textarea {
  border: none;
  text-shadow: none;
  -webkit-appearance: none;
  -webkit-user-select: text;
  outline-color: transparent;
  box-shadow: none;
  padding: 0.23rem 0.52rem;
  font-size: 0.32rem;
  border-bottom: 1px solid #e1e1e1;
  overflow: hidden;
  box-shadow: none;
  font-family: SimHei;

  &:focus {
    outline: none;
    border: 1px solid #238af3;
  }
}

input:focus,
textarea:focus {
  border: none;
}

.fixed-speed {
  position: fixed;
  right: 0;
  // bottom: 2.53rem !important;
  z-index: 3;
}

input:-webkit-autofill,
select:-webkit-autofill {
  // -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.flex-cont {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-box-justify {
  display: flex;
  justify-content: center;
}

.flex-box-align {
  display: flex;
  align-items: center;
}

.flex-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.flex-box-container {
  display: flex;
  flex-wrap: wrap;
}

.flex {
  flex: 1;
}

.weui-toast {
  // min-height: 2.5rem !important;
  // min-width: 2.5rem !important;
  // width: auto !important;
  height: auto;
}
.weui-tabbar {
  background-color: #fff !important;
}

.weui-btn.weui-btn_primary {
  // background-color: #2499ca !important;
  // border-radius: 30px !important;
  height: 0.88rem;
  line-height: 0.88rem;
}
//公共
.box {
  display: -webkit-box;
  display: box;
  display: -moz-box;
  /* 老版本 - 适配iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* 新版本 - 适配Chrome */
  display: flex;
}

.weui-btn:after {
  // border: none !important;
}

//动画效果
@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

.mb10 {
  .main .el-form-item {
    margin-bottom: 10px;
  }
}

.w80 {
  .avatar-uploader .el-upload .avatar-uploader-icon {
    width: 80px;
    height: 80px;
    line-height: 78px;
  }
  .avatar-uploader .el-upload .avatar {
    width: 80px;
    height: 80px;
    line-height: 78px;
  }
  .el-upload.el-upload--picture-card,
  .el-upload-list--picture-card .el-upload-list__item {
    width: 80px;
    height: 80px;
    line-height: 78px;
  }
}
</style>
